import React, { Component } from 'react';
import UpdateNav from '@/components/works/works-base/UpdateNav';
import { Link } from 'react-router-dom';
import './../lastupload.scss';

class Com extends Component {
  constructor(props) {
    super(props);
    this.state = {}
  }
  care () {
    alert("关注成功")
  }
  render () {
    return (
      <div className="works-update">
        <div className="update-left">
          <div className="update-txt">你还没有关注任何人，给你推荐些备受欢迎的厨友吧！关注之后就能够看到他们的动态啦 ^_^</div>

          <div className="update-list">
            <ul>
              <li>
                <div className="update-list1">
                  <img src="https://sun.daxunxun.com/app/static/media/2.0d28c6f7.jpg" alt="" />
                </div>
                <div className="update-list2">
                <p><a href="">Ruby玲</a></p>
                <p>123关注</p>
                <p>203个作品</p>
                </div>
                <div className="update-list3" onClick={ this.care.bind(this)}>
                  关注
                </div>
              </li>
              <li>
                <div className="update-list1">
                  <img src="http://i1.chuimg.com/1b92143b8b694c3d886cf82f9b7f6546_640w_640h.jpg@2o_50sh_1pr_1l_60w_60h_1c_1e_90q_1wh" alt="" />
                </div>
                <div className="update-list2">
                <p><a href="">小谢</a></p>
                <p>423关注</p>
                <p>283个作品</p>
                </div>
                <div className="update-list3" onClick={ this.care.bind(this)}>
                  关注
                </div>
              </li>
              <li>
                <div className="update-list1">
                  <img src="http://img5.duitang.com/uploads/item/201410/05/20141005082835_2RTzn.thumb.700_0.jpeg" alt="" />
                </div>
                <div className="update-list2">
                <p><a href="">大潘子</a></p>
                <p>153关注</p>
                <p>23个作品</p>
                </div>
                <div className="update-list3" onClick={ this.care.bind(this)}>
                  关注
                </div>
              </li>
            </ul>
          </div>
        </div>
        <div className="update-right">
          <div className="update-right1"><span className="iconfont icon-jiantou1"></span><Link to="/works/update">查看全部提醒</Link></div>
          <div className="update-right2"><span className="iconfont icon-jiantou1"></span><Link to="/works/update">下厨房的厨友</Link></div>
        </div>
      </div>
    )
  }
}

export default Com;
